<template>
	<main-content
		:tableHeight.sync="tableHeight"
		:otherDependenComponents="otherDependenComponents"
	>
		<template slot="query">
			<el-form
				ref="form"
				:inline="true"
				:model="queryData"
				class="flex-warp-container"
			>
				<el-form-item
					:label="`${$t('common.belong_merchant')}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<merchant-select
						v-model="queryData.merchantId"
						:merchantInfo.sync="merchantObj"
					></merchant-select>
				</el-form-item>
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.change_time'
					)}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-date-picker
						v-model="searchTime"
						size="medium"
						:picker-options="pickerShortcut2"
						format="yyyy-MM-dd HH:mm:ss"
						type="datetimerange"
						range-separator="-"
						:start-placeholder="$t('common.start_date')"
						:end-placeholder="$t('common.end_date')"
						align="right"
						:clearable="false"
						:default-time="defaultTime"
					></el-date-picker>
				</el-form-item>
				<el-form-item
					:label="`${$t('funds.proxy_name')}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-input
						v-model="queryData.userName"
						clearable
						v-symbols
						oninput="value=value.replace(/[\u4E00-\u9FA5]/g ,'')"
						:placeholder="$t('common.please_enter')"
					></el-input>
				</el-form-item>
				<el-form-item
					:label="`${$t('funds.fund_audit.top_proxy_name')}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-input
						v-model="queryData.topProxyName"
						class="input-with-select"
						:placeholder="$t('common.please_enter')"
						clearable
						size="medium"
						v-input="{ name: 'num_alp' }"
					></el-input>
				</el-form-item>
				<el-form-item>
					<el-select
						v-model="queryData.parentProxyType"
						style="width: 120px"
						:placeholder="$t('common.please_choose')"
					>
						<el-option label="所属代理" :value="1" />
						<el-option label="上级代理" :value="2" />
					</el-select>
					<el-input
						style="width: 200px"
						v-model="queryData.parentProxyName"
						size="medium"
						clearable
						:maxlength="11"
						autocomplete="off"
						v-symbols
						:placeholder="$t('common.please_enter')"
						oninput="value=value.replace(/[\u4E00-\u9FA5]/g ,'')"
					></el-input>
				</el-form-item>
				<!-- <el-form-item
						label="代理姓名:"
						class="flex-row-container"
						label-width="77px"
					>
						<el-input
							v-model="queryData.realName"
							clearable
							v-symbols
							oninput="value=value.replace(/[\u4E00-\u9FA5]/g ,'')"
							:placeholder="$t('common.please_enter')"
						></el-input>
					</el-form-item> -->
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.relation_order_no'
					)}:`"
					class="flex-row-container"
					label-width="90px"
				>
					<el-input
						v-model="queryData.eventId"
						clearable
						v-symbols
						oninput="value=value.replace(/[\u4E00-\u9FA5]/g ,'')"
						:placeholder="$t('common.please_enter')"
					></el-input>
				</el-form-item>

				<el-form-item
					:label="`${$t('common.business_model')}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<business-model-selector
						:hideAllModel="false"
						v-model="queryData.businessModel"
						:value="queryData.businessModel"
					/>
				</el-form-item>
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.wallet_type'
					)}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.walletType"
						:placeholder="$t('common.select_all')"
						clearable
						:popper-append-to-body="false"
						@change="getChangeTypeList()"
					>
						<el-option
							v-for="item in proxyWalletType"
							:key="item.code"
							:label="item.description"
							:value="item.code"
						></el-option>
					</el-select>
				</el-form-item>
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.trans_type'
					)}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.transType"
						clearable
						:placeholder="$t('common.select_all')"
						:popper-append-to-body="false"
					>
						<el-option
							v-for="item in transTypeList"
							:key="item.code"
							:label="item.description"
							:value="item.code"
						></el-option>
					</el-select>
				</el-form-item>
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.biz_type'
					)}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.bizTypeList"
						clearable
						multiple
						collapse-tags
						:placeholder="$t('common.select_all')"
						@visible-change="needASelectWallet($event)"
						@change="selectBizType()"
					>
						<template v-for="item in accountBizDicList">
							<el-option
								v-if="item.description"
								:key="item.code"
								:label="item.description"
								:value="item.code * 1"
							></el-option>
						</template>
					</el-select>
				</el-form-item>
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.change_type'
					)}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.changeTypeList"
						multiple
						collapse-tags
						clearable
						:placeholder="$t('common.select_all')"
						:popper-append-to-body="false"
						@visible-change="needASelectWallet($event)"
						style="width: 230px"
					>
						<template v-for="item in accountChangeDic">
							<el-option
								v-if="item.description"
								:key="item.code"
								:label="item.description"
								:value="item.code * 1"
							></el-option>
						</template>
					</el-select>
				</el-form-item>
				<el-form-item
					:label="`${$t(
						'funds.proxy_member_funds_record.change_amount'
					)}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-input
						v-model="queryData.minAmount"
						size="medium"
						clearable
						:placeholder="$t('common.minimum')"
						style="width: 130px"
						maxLength="15"
						v-input="{ name: 'onlyTwoNum' }"
						name="minAmount"
						@blur="
							handleAmount(
								queryData,
								1,
								'minAmount',
								'maxAmount',
								$t(
									'funds.proxy_member_funds_record.form_search_tip3'
								)
							)
						"
					></el-input>
					-
					<el-input
						v-model="queryData.maxAmount"
						size="medium"
						clearable
						:placeholder="$t('common.maximum')"
						style="width: 130px"
						maxLength="15"
						v-input="{ name: 'onlyTwoNum' }"
						name="maxAmount"
						@blur="
							handleAmount(
								queryData,
								2,
								'minAmount',
								'maxAmount',
								$t(
									'funds.proxy_member_funds_record.form_search_tip4'
								)
							)
						"
					></el-input>
				</el-form-item>
				<el-form-item>
					<el-button
						type="primary"
						icon="el-icon-search"
						size="medium"
						:disabled="loading"
						@click="search"
					>
						{{ $t('common.search') }}
					</el-button>
					<el-button
						icon="el-icon-refresh-left"
						:disabled="loading"
						size="medium"
						@click="reset"
					>
						{{ $t('common.reset') }}
					</el-button>
					<el-button
						v-if="hasPermission('405011')"
						icon="el-icon-download"
						type="warning"
						:disabled="loading"
						size="medium"
						:loading="exportBtnLoading"
						@click="handleExportExcel"
					>
						{{ $t('common.export') }}
					</el-button>
					<el-button
						type="success"
						icon="el-icon-sort"
						:disabled="loading"
						size="medium"
						@click="openColSettings"
					>
						{{ $t('common.row_set') }}
					</el-button>
				</el-form-item>
			</el-form>
		</template>
		<template slot="content">
			<el-table
				ref="tables"
				v-loading="loading"
				border
				size="mini"
				show-summary
				:data="tableData"
				style="width: 100%"
				class="small-size-table"
				:header-cell-style="getRowClass"
				:max-height="tableHeight"
				element-loading-spinner="el-icon-loading"
				highlight-current-row
				:summary-method="(val) => handleRow(val, subSummary)"
			>
				<el-table-column
					prop="eventId"
					align="center"
					min-width="280"
					fixed
					:label="
						$t('funds.proxy_member_funds_record.relation_order_no')
					"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<Copy :title="scope.row.eventId" :copy="copy">
							{{ scope.row.eventId }}
						</Copy>
					</template>
				</el-table-column>
				<el-table-column
					v-if="tableColumnData[$t('funds.proxy_name')]"
					prop="userName"
					align="center"
					min-width="180"
					:label="$t('funds.proxy_name')"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<Copy :title="scope.row.userName" :copy="copy">
							{{ scope.row.userName }}
						</Copy>
					</template>
				</el-table-column>
				<el-table-column
					prop="topProxyName"
					v-if="
						tableColumnData[
							$t(
								'funds.proxy_member_funds_record.parent_proxy_name'
							)
						]
					"
					align="center"
					:label="$t('funds.fund_audit.top_proxy_name')"
					width="180"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>{{ scope.row.topProxyName || '-' }}</span>
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t(
								'funds.proxy_member_funds_record.parent_proxy_name'
							)
						]
					"
					prop="parentProxyName"
					align="center"
					:label="
						$t('funds.proxy_member_funds_record.parent_proxy_name')
					"
					min-width="150"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<Copy
							v-if="scope.row.parentProxyName"
							:title="scope.row.parentProxyName"
							:copy="copy"
						>
							{{ scope.row.parentProxyName }}
						</Copy>
						<span v-else>-</span>
					</template>
				</el-table-column>
				<el-table-column
					v-if="tableColumnData[$t('common.belong_merchant')]"
					prop="merchantName"
					align="center"
					min-width="180"
					:label="$t('common.belong_merchant')"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.merchantName || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="tableColumnData[$t('funds.wind_control_level')]"
					prop="windControlName"
					align="center"
					:label="$t('funds.wind_control_level')"
					min-width="130"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.windControlName || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					prop="businessModel"
					align="center"
					:label="`${$t('common.business_model')}`"
					min-width="150"
				>
					<template slot-scope="scope">
						{{
							mappingBusinessModel(scope.row.businessModel) || '-'
						}}
					</template>
				</el-table-column>
				<el-table-column
					v-if="tableColumnData[$t('common.account_status')]"
					prop="accountStatus"
					align="center"
					:label="$t('common.account_status')"
					min-width="100"
				>
					<template slot-scope="scope">
						<span
							v-if="scope.row.loginLockStatus === 1"
							class="disableRgba"
						>
							{{ $t('common.login_lock_status') }}
						</span>
						<span
							v-if="scope.row.accountLockStatus === 1"
							class="deleteRgba"
						>
							{{ $t('common.account_lock_status') }}
						</span>
						<span
							v-if="
								scope.row.loginLockStatus === 0 &&
								scope.row.accountLockStatus === 0
							"
							class="normalRgba"
						>
							{{ $t('common.account_status_normal') }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.wallet_type')
						]
					"
					prop="walletTypeStr"
					align="center"
					:label="$t('funds.proxy_member_funds_record.wallet_type')"
					min-width="180"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.walletTypeStr || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.biz_type')
						]
					"
					prop="bizTypeStr"
					align="center"
					:label="$t('funds.proxy_member_funds_record.biz_type')"
					min-width="180"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.bizTypeStr || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.change_type')
						]
					"
					prop="changeTypeStr"
					align="center"
					:label="$t('funds.proxy_member_funds_record.change_type')"
					min-width="150"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.changeTypeStr || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.trans_type')
						]
					"
					prop="transTypeStr"
					align="center"
					:label="$t('funds.proxy_member_funds_record.trans_type')"
					:min-width="getWidth(80)"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.transTypeStr || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.change_before')
						]
					"
					prop="changeBefore"
					align="center"
					:label="$t('funds.proxy_member_funds_record.change_before')"
					min-width="180"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency(scope.row.currency) }}
						{{
							handleNumber(
								scope.row.currency,
								scope.row.changeBefore
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.change_amount')
						]
					"
					prop="amount"
					align="center"
					min-width="180"
					:label="$t('funds.proxy_member_funds_record.change_amount')"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency(scope.row.currency) }}
						{{ handleNumber(scope.row.currency, scope.row.amount) }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.change_after')
						]
					"
					prop="changeAfter"
					align="center"
					:label="$t('funds.proxy_member_funds_record.change_after')"
					min-width="180"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency(scope.row.currency) }}
						{{
							handleNumber(
								scope.row.currency,
								scope.row.changeAfter
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					v-if="
						tableColumnData[
							$t('funds.proxy_member_funds_record.change_time')
						]
					"
					prop="eventTime"
					align="center"
					:label="$t('funds.proxy_member_funds_record.change_time')"
					min-width="170"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.eventTime || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					v-if="tableColumnData[$t('common.remark')]"
					prop="remark"
					align="center"
					:label="$t('common.remark')"
					min-width="150"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.remark || '-' }}
					</template>
				</el-table-column>
			</el-table>
			<!-- 分页 -->
			<el-pagination
				v-show="!!total"
				:current-page.sync="pageNum"
				class="pageValue"
				background
				layout="total, sizes,prev, pager, next, jumper"
				:page-size="pageSize"
				:page-sizes="pageSizes"
				:total="total"
				:pager-count="9"
				@current-change="handleCurrentChange"
				@size-change="handleSizeChange"
			></el-pagination>
		</template>
		<el-dialog
			:title="$t('common.row_set')"
			center
			:visible.sync="colSettings.visible"
			width="475px"
			class="setting-div"
		>
			<div>
				<el-link type="primary" class="mb15" @click="clickDel">
					复原缺省
				</el-link>
			</div>
			<div
				v-for="(value, name1) in activityListField"
				:key="name1"
				class="setting-div"
			>
				<el-checkbox v-model="dialogColumnData[name1]">
					{{ name1 }}
				</el-checkbox>
			</div>
			<div slot="footer" class="dialog-footer">
				<el-button @click="colSettings.visible = false">
					{{ $t('common.cancel') }}
				</el-button>
				<el-button type="primary" @click="handleOrderList">
					{{ $t('common.submit') }}
				</el-button>
			</div>
		</el-dialog>
	</main-content>
</template>

<script>
import list from '@/mixins/list'
import dayjs from 'dayjs'
import { routerNames } from '@/utils/consts'
import summaryList from './components/summaryList'
import MainContent from '@/components/MainContent/index.vue'
import BusinessModelSelector from '@/components/Form/BusinessModelSelector.vue'
const end = () => {
  return dayjs().endOf('day')
}
const start = () => {
  return dayjs().startOf('day')
}

export default {
  name: routerNames.proxyAccountChangeRecord,
  components: {
    MainContent,
    BusinessModelSelector
  },
  mixins: [list, summaryList],
  data() {
    return {
      tableHeight: 480,
      otherDependenComponents: [],
      queryData: {
        topProxyName: undefined,
        parentProxyName: undefined,
        businessModel: '',
        bizTypeList: [],
        changeTypeList: [],
        walletType: '',
        transType: '',
        minAmount: undefined,
        maxAmount: undefined,
        parentProxyType: 2
      },
      searchTime: [start(), end()],
      createdAtTime: [start(), end()],
      tableData: [],
      accountBizDicList: [],
      accountChangeDic: [],
      bizSign: true,
      subSummary: {},
      merchantObj: '',
      exportBtnLoading: false,
      colSettings: {
        visible: false,
        dialogColumnData: {}
      },
      activityListField: {
        // 代理账号: true,
        // 代理姓名: true,
        // 所属商户: true,
        // 风控层级: true,
        // 账号状态: true,
        // 代理钱包: true,
        // 业务类型: true,
        // 账变类型: true,
        // 收支类型: true,
        // 账变前余额: true,
        // 账变金额: true,
        // 账变后余额: true,
        // 账变时间: true,
        // 备注: true
        [this.$t('funds.proxy_name')]: true,
        [this.$t(
          'funds.proxy_member_funds_record.parent_proxy_name'
        )]: true,
        [this.$t('common.belong_merchant')]: true,
        [this.$t(
          'funds.proxy_member_funds_record.parent_proxy_name'
        )]: true,
        [this.$t('funds.wind_control_level')]: true,
        [this.$t('common.account_status')]: true,
        [this.$t('funds.proxy_member_funds_record.wallet_type')]: true,
        [this.$t('funds.proxy_member_funds_record.biz_type')]: true,
        [this.$t('funds.proxy_member_funds_record.change_type')]: true,
        [this.$t('funds.proxy_member_funds_record.trans_type')]: true,
        [this.$t(
          'funds.proxy_member_funds_record.change_before'
        )]: true,
        [this.$t(
          'funds.proxy_member_funds_record.change_amount'
        )]: true,
        [this.$t('funds.proxy_member_funds_record.change_after')]: true,
        [this.$t('funds.proxy_member_funds_record.change_time')]: true,
        [this.$t('common.remark')]: true
      }
    }
  },
  computed: {
    proxyWalletType() {
      return this.globalDics.proxyWalletType || []
    },
    transTypeList() {
      return this.globalDics.transType || []
    }
  },
  watch: {},
  created() {
    if (this.$route.query.userName) {
      this.queryData.userName = this.$route.query.userName
    }
    if (this.$route.query.parentProxyType) {
      this.queryData.parentProxyType = this.$route.query.parentProxyType
      this.queryData.parentProxyName = this.$route.query.parentProxyName
    }
    this.initIndexDB('proxyAccountChangeRecord', this.activityListField)
  },
  mounted() { },

  methods: {
    // 选择业务类型获取账变类型
    selectBizType() {
      this.bizSign = false
      this.getMemberWalletChangeDicType()
    },
    // 选择钱包类型，获取业务类型和账变类型
    getChangeTypeList() {
      this.bizSign = true
      this.getMemberWalletChangeDicType()
    },
    // 选择业务类型或者账变类型下拉时提示先选择钱包类型
    needASelectWallet(status) {
      if (status && !this.queryData.walletType) {
        this.accountBizDicList = []
        this.accountChangeDic = []
        this.$message({
          message: this.$t(
            'funds.proxy_member_funds_record.please_select_wallType'
          ),
          type: 'warning'
        })
      }
    },
    // 获取业务类型及账变类型
    getMemberWalletChangeDicType() {
      // 选择钱包类型时,业务类型需要重新获取
      if (this.bizSign) {
        this.accountBizDicList = []
        this.queryData.bizTypeList = []
      }
      // 选择钱包类型或者业务类型,账变类型都要重新获取
      this.accountChangeDic = []
      this.queryData.changeTypeList = []

      const requestParam = {
        ...this.queryData,
        userType: 1
      }
      this.$api.getBizAndChangeDic(requestParam).then((res) => {
        if (this.bizSign) {
          this.accountBizDicList = []
          this.accountBizDicList = res?.data?.bizTypes || []
        }
        this.accountChangeDic = res?.data?.changeTypes || []
      })
    },
    loadData() {
      this.loading = true
      const timeArr = this.searchTime || []
      const createdAt = this.createdAtTime || []
      let params = {
        ...this.queryData,
        eventTimeStart: dayjs(timeArr[0]).format('YYYY-MM-DD HH:mm:ss'),
        eventTimeEnd: dayjs(timeArr[1]).format('YYYY-MM-DD HH:mm:ss'),
        createdAtStart: dayjs(createdAt[0]).format(
          'YYYY-MM-DD HH:mm:ss'
        ),
        createdAtEnd: dayjs(createdAt[1]).format('YYYY-MM-DD HH:mm:ss')
      }
      params = this.getParams(params)
      this.pageCurrency = this.merchantObj?.currency || ''
      if (params.businessModel === '') {
        delete params.businessModel
      }
      if (params.parentProxyType === 1) {
        params['belongProxyName'] = params['parentProxyName']

        delete params.parentProxyName
      }
      delete params.parentProxyType
      this.$api
        .getProxyWalletChangeList(params)
        .then((res) => {
          const { record, totalRecord, summary } = res.data || {}
          this.tableData = record || []
          this.total = totalRecord || 0
          this.subSummary = summary || {}
          this.loading = false
        })
        .catch(() => {
          this.loading = false
        })
    },
    reset() {
      this.pageNum = 1
      this.queryData = {
        bizTypeList: [],
        changeTypeList: [],
        minAmount: undefined,
        maxAmount: undefined,
        walletType: '',
        parentProxyType: 2,
        topProxyName: undefined,
        parentProxyName: undefined
      }
      this.merchantObj = ''
      this.searchTime = [start(), end()]
      this.reloadTime()
      this.loadData()
    },
    reloadTime() {
      this.searchTime = [start(), end()]
    },
    handleExportExcel() {
      const timeArr = this.searchTime || []
      const params = {
        ...this.queryData,
        eventTimeStart: dayjs(timeArr[0]).format('YYYY-MM-DD HH:mm:ss'),
        eventTimeEnd: dayjs(timeArr[1]).format('YYYY-MM-DD HH:mm:ss')
      }
      if (params.parentProxyType === 1) {
        params['belongProxyName'] = params['parentProxyName']

        delete params.parentProxyName
      }
      delete params.parentProxyType
      this.exportBtnLoading = true
      this.exportExcelPublic({
        api: 'getProxyWalletChangeExport',
        params
      }).finally(() => {
        this.exportBtnLoading = false
      })
    },
    // 提交列设置数据
    handleOrderList() {
      this.colSettings.visible = false
      this.updateIndexDB()
    },
    // 打开列设置弹框
    openColSettings() {
      this.getIndexDB(this.activityListField)
      this.colSettings.visible = true
    },
    clickDel() {
      this.dialogColumnData = {}
      this.dialogColumnData = {
        // 代理账号: true,
        // 所属商户: true,
        // 风控层级: true,
        // 账号状态: true,
        // 代理钱包: true,
        // 业务类型: true,
        // 账变类型: true,
        // 收支类型: true,
        // 账变前余额: true,
        // 账变金额: true,
        // 账变后余额: true,
        // 账变时间: true,
        // 备注: true
        [this.$t('funds.proxy_name')]: true,
        [this.$t('common.belong_merchant')]: true,
        [this.$t('funds.wind_control_level')]: true,
        [this.$t('common.account_status')]: true,
        [this.$t('funds.proxy_member_funds_record.wallet_type')]: true,
        [this.$t('funds.proxy_member_funds_record.biz_type')]: true,
        [this.$t('funds.proxy_member_funds_record.change_type')]: true,
        [this.$t('funds.proxy_member_funds_record.trans_type')]: true,
        [this.$t(
          'funds.proxy_member_funds_record.change_before'
        )]: true,
        [this.$t(
          'funds.proxy_member_funds_record.change_amount'
        )]: true,
        [this.$t('funds.proxy_member_funds_record.change_after')]: true,
        [this.$t('funds.proxy_member_funds_record.change_time')]: true,
        [this.$t('common.remark')]: true
      }
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-table__fixed-footer-wrapper .cell,
::v-deep .el-table__footer-wrapper .cell {
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	> div {
		height: 100%;
	}
}
::v-deep .footer_count_row {
	min-height: 50px;
	height: 50%;
	display: flex;
	font-weight: 700;
	padding: 5px 0;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
::v-deep .footer_count_row_border {
	border-top: 1px solid #ebeef5;
}
</style>
